<template>
    <ElSkeleton class="pixiv-skeleton" :loading="true" animated>
        <template #template>
            <ElSkeletonItem variant="image" style="height: 240px" />
            <div style="padding: 10px; display: flex">
                <div style="width: 50px">
                    <ElSkeletonItem
                        variant="circle"
                        style="width: 50px; height: 50px"
                    />
                </div>
                <div style="flex: 1; padding-left: 10px">
                    <el-skeleton-item variant="text" />
                    <el-skeleton-item variant="text" />
                </div>
            </div>
            <ElDivider style="margin: 0 0 5px 0" />
            <div>
                <ElSkeletonItem
                    variant="text"
                    style="width: 100px; height: 30px"
                />
            </div>
        </template>
    </ElSkeleton>
</template>
<script setup lang="ts">
/* --------------------------------- DEFAULT -------------------------------- */

/* ----------------------------------- API ---------------------------------- */

/* ---------------------------------- TYPE ---------------------------------- */

/* ----------------------------------- UI ----------------------------------- */
import { ElSkeleton, ElSkeletonItem, ElDivider } from "element-plus"
/* --------------------------------- Content -------------------------------- */

/* -------------------------------- Content-Function -------------------------------- */
</script>
<style scoped lang="scss"></style>
